import {createApp} from 'vue'
import App from './App.vue'

// import './style.css'

import ElementPlus from 'element-plus'
import elementIcons from '@/components/SvgIcon/svgicon'
// import './assets/styles/element/custom-element.scss'
// import 'element-plus/dist/index.css'
// import './assets/css/element.scss'

import './permission.ts'

// 导入路由
import router from './routers/index.ts'
// 导入仓库
import store from './store/index.ts'
// 导入字体 js发
// import './iconfont/iconfont.js'
// 引入阿里图标库
// import '@/assets/iconfont/iconfont.css'
// import '@/assets/iconfont/iconfont.js'
// 导入全局样式
import '@/assets/styles/index.scss'


import NaiveUI from 'naive-ui'


import plugins from './plugins' // plugins
import directive from './directive' // directive 注册指令

import VueGridLayout from 'vue-grid-layout' // 引入layout
const app = createApp(App)
directive(app)
app.use(VueGridLayout)
// 挂载全局组件
import 'virtual:svg-icons-register'
import SvgIcon from '@/components/SvgIcon/index.vue'
import ContextMenu from "@/components/ContextMenu/index.vue";

app.component('ContextMenu', ContextMenu)
app.component('SvgIcon', SvgIcon)

app.use(NaiveUI)
app.use(ElementPlus)
app.use(elementIcons)
app.use(plugins)
app.use(router)
app.use(store)
app.mount('#app')
